<template>
	<view>
		<view class="df jcsa aic">
			<text v-for="item in tabsText" :key="item">{{item.label}}</text>
		</view>
		<swiper class="h100" :autoplay="false" :duration="500">
			<swiper-item v-for="item in tabs" :key="item">
				<view class="swiper-item">{{item.content}}</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script setup>
	import { ref } from 'vue';
	
	const tabsText = ref([
		{
			id:1,
			label:'从未安装'
		},{
			id:2,
			label:'已完成'
		},{
			id:3,
			label:'全部'
		}
	])
	const tabs = ref([
		{
			id:1,
			content:'从未安装'
		},
		{
			id:2,
			content:'从未安装'
		},
		{
			id:3,
			content:'从未安装'
		}
	])
	
</script>

<style>

</style>